# 基础镜像使用Nginx
FROM nginx:alpine
# 作者
MAINTAINER msp  
# 添加时区环境变量，亚洲，上海
ENV TimeZone=Asia/Shanghai    
# 将前端dist文件中的内容复制到nginx目录
COPY ./dist  /usr/share/nginx/html/
# 用本地的nginx配置文件覆盖镜像的Nginx配置
COPY nginx.conf /etc/nginx/nginx.conf
# 暴露端口
EXPOSE 8080

CMD ["nginx", "-g", "daemon off;"]
RUN echo "镜像架构成功"


# 打包镜像：docker build -f Dockerfile -t image-nginx-vue:1.0.0 .
# 创建容器：docker run --privileged=true --name=box-vue-html -d -p 8080:8080 -v /opt:/opt image-nginx-vue:1.0.0
# /opt:/opt表示把宿主机和容器的目录绑定
# 容器创建后也可以多次替换容器中的文件：docker cp /app/nginx.conf box-vue-html:/etc/nginx/nginx.conf
# 替换后可以进入nginx容器内部查看： docker exec -it box-vue-html sh
